import axios from 'axios'
import {Notification} from '@arco-design/web-vue';
import Bus from '@/utils/bus'
import Cookies from 'js-cookie';

// create an axios instance
const request = axios.create({
    // 配置文件 .env.development  .env.production 中的环境变量
    // baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
    // withCredentials: true, // send cookies when cross-domain requests
    timeout: 60000, // request timeout
    headers: {
        // 'Content-Type': 'multipart/form-data'//含有附件的表单提交的Content-Type
        'Content-Type': 'application/x-www-form-urlencoded'//普通表单提交的Content-Type
    },
})

// request interceptor
request.interceptors.request.use(
    config => {
        // 每个请求带上请求头，一般可配置 token
        // config.headers['X-Token'] = getToken()
        return config
    },
    error => {
        // do something with request error
        console.log(error) // for debug
        return Promise.reject(error)
    }
)

// response interceptor
request.interceptors.response.use(
    // 可以在此自定义响应码 response.data.code==0 success ==1 alert(error info)
    response => {
        // const res = response.data
        if (response.data.code && response.data.code !== 0) {
            Notification.error(response.data.msg)
            return Promise.reject(new Error(response.data.msg || 'Error'))
        }
        // 抛出错误 return Promise.reject(new Error(res.message || 'Error'))
        // 可以返回完整数据 return response
        return response.data
    },
    error => {
        console.log(error) // for debug
        if (error.code === "ERR_BAD_RESPONSE") {
            Notification.error('与服务器失去连接')
            return Promise.reject(error)
        } else if (error.message && error.message.indexOf('timeout of') !== -1) {
            Notification.error('请求服务超时')
            return Promise.reject(error)
        }
        const data = error.response.data
        if (data.code) {
            if (data.code === 2 || error.response.status === 403) {
                Bus.emit('login', {})
                Cookies.remove('token')
                Notification.error('登录已经失效，请重新登录')
            } else {
                Notification.error(data.msg)
            }
        } else {
            Notification.error('' + error)
        }

        return Promise.reject(error)
    }
)

export default request
//调用方法：
// 注意get的参数情况
// request.get('/api/get', { params: { id: 123 } })
//     .then(res => {
//         console.log(res);
//     }).catch((err) => {
//         console.error(err);
//     })
// request.post('/api/add', { name: "lk", sex: "男" })
//     .then(res => {
//         console.log(res);
//     }).catch((err) => {
//         console.error(err);
//     })